<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../../style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../../print.css" type="text/css" media="print">
<meta content="Component,com.wemakedigital.ui.Component,autoHeight,autoWidth,bottom,container,horizontalCentre,id,left,maxRelativeHeight,maxRelativeWidth,maxSpareHeight,maxSpareWidth,minRelativeHeight,minRelativeWidth,minSpareHeight,minSpareWidth,relativeHeight,relativeWidth,right,round,spareHeight,spareWidth,top,verticalCentre,beforeRender,invalidate,render" name="keywords">
<title>com.wemakedigital.ui.Component</title>
</head>
<body>
<script type="text/javascript" language="javascript" src="../../../asdoc.js"></script><script type="text/javascript" language="javascript" src="../../../cookies.js"></script><script type="text/javascript" language="javascript">
<!--
				asdocTitle = 'Component - Make Digital ActionScript 3.0 Language Reference';
				var baseRef = '../../../';
				window.onload = configPage;
			--></script>
<table style="display:none" id="titleTable" cellspacing="0" cellpadding="0" class="titleTable">
<tr>
<td align="left" class="titleTableTitle">API Documentation</td><td align="right" class="titleTableTopNav"><a onclick="loadClassListFrame('../../../all-classes.html')" href="../../../package-summary.html">All&nbsp;Packages</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../all-classes.html')" href="../../../class-summary.html">All&nbsp;Classes</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../index-list.html')" href="../../../all-index-A.html">Index</a>&nbsp;|&nbsp;<a href="../../../index.html?com/wemakedigital/ui/Component.html&amp;com/wemakedigital/ui/class-list.html" id="framesLink1">Frames</a><a onclick="parent.location=document.location" href="" style="display:none" id="noFramesLink1">No&nbsp;Frames</a></td><td rowspan="3" align="right" class="titleTableLogo"><img alt="Adobe Logo" title="Adobe Logo" class="logoImage" src="../../../images/logo.jpg"></td>
</tr>
<tr class="titleTableRow2">
<td align="left" id="subTitle" class="titleTableSubTitle">Class&nbsp;Component</td><td align="right" id="subNav" class="titleTableSubNav"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a></td>
</tr>
<tr class="titleTableRow3">
<td colspan="2">&nbsp;</td>
</tr>
</table>
<script type="text/javascript" language="javascript">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Class Component"); titleBar_setSubNav(false,true,false,false,false,false,true,false,false,false,false,false,false,false);}
--></script>
<div class="MainContent">
<table cellspacing="0" cellpadding="0" class="classHeaderTable">
<tr>
<td class="classHeaderTableLabel">Package</td><td><a onclick="javascript:loadClassListFrame('class-list.html')" href="package-detail.html">com.wemakedigital.ui</a></td>
</tr>
<tr>
<td class="classHeaderTableLabel">Class</td><td class="classSignature">public class Component</td>
</tr>
<tr>
<td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Component <img class="inheritArrow" alt="Inheritance" title="Inheritance" src="../../../images/inherit-arrow.gif"> <a href="core/ShowHideComponent.html">ShowHideComponent</a> <img class="inheritArrow" alt="Inheritance" title="Inheritance" src="../../../images/inherit-arrow.gif"> <a href="core/CoreComponent.html">CoreComponent</a> <img class="inheritArrow" alt="Inheritance" title="Inheritance" src="../../../images/inherit-arrow.gif"> flash.display.Sprite</td>
</tr>
<tr>
<td class="classHeaderTableLabel">Subclasses</td><td><a href="../ui/Container.html">Container</a></td>
</tr>
</table>
<p></p>
  <p>The base component class for the ui framework.</p> 
  
  <p>Extending the <code>flash.display.Sprite</code> class it provides 
  methods for the following:</p>
  
  <ul>
  <li>Creation when added to the display list</li>
  <li>Destruction when removed from the display list</li>
  <li>Updating when a property changes</li>
  <li>Replaces the <code>width</code> and <code>height</code> properties 
  inherited from <code>flash.display.DisplayObject</code> which become read 
  only via <code>displayWidth</code> and <code>displayHeight</code> properties.
  <li>Invalidation when the component needs to be re-rendered</li>
  <li>Rendering the display</li>
  <li>Rendering as a bitmap</li>
  <li>Rendering a background colour with alpha channel</li>
  <li>Easily enabling and disabling mouse and keyboard interactivity</li>
  </ul>
  <p></p>
<br>
<hr>
</div>
<a name="propertySummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Properties</div>
<div class="showHideLinks">
<div class="hideInheritedProperty" id="hideInheritedProperty">
<a onclick="javascript:setInheritedVisible(false,'Property');" href="#propertySummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Public Properties</a>
</div>
<div class="showInheritedProperty" id="showInheritedProperty">
<a onclick="javascript:setInheritedVisible(true,'Property');" href="#propertySummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Public Properties</a>
</div>
</div>
<table id="summaryTableProperty" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#autoHeight">autoHeight</a> : Boolean<div class="summaryTableDescription">
   The auto height mode of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#autoWidth">autoWidth</a> : Boolean<div class="summaryTableDescription">
   The auto width mode of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#bottom">bottom</a> : Number<div class="summaryTableDescription">
   Anchor padding from the bottom of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#colour">colour</a> : int<div class="summaryTableDescription">
   Optional background colour.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#colourAlpha">colourAlpha</a> : Number<div class="summaryTableDescription">
   The alpha transparency value of the background colour.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#container">container</a> : <a href="../ui/Container.html">Container</a>
<div class="summaryTableDescription">
      The component's container in the display hierarchy.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#created">created</a> : Boolean<div class="summaryTableDescription">
   The created status of the component, default is <code>false</code>.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#destroyChildren">destroyChildren</a> : Boolean = true<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#displayHeight">displayHeight</a> : Number<div class="summaryTableDescription">
   The <code>height</code> property inherited from 
   <code>flash.display.DisplayObject</code>.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#displayWidth">displayWidth</a> : Number<div class="summaryTableDescription">
   The <code>width</code> property inherited from 
   <code>flash.display.DisplayObject</code>.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#explicitHeight">explicitHeight</a> : Number<div class="summaryTableDescription">
   The explicit height of the component, used by the render method.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#explicitWidth">explicitWidth</a> : Number<div class="summaryTableDescription">
   The explicit width of the component, used by the render method.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#height">height</a> : Number<div class="summaryTableDescription">
   The height of the component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/ShowHideComponent.html#hideTime">hideTime</a> : Number = .2<div class="summaryTableDescription">
   The length of the hide tween in seconds.</div>
</td><td class="summaryTableOwnerCol"><a href="core/ShowHideComponent.html">ShowHideComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#horizontalCentre">horizontalCentre</a> : Number<div class="summaryTableDescription">
   Anchor padding from the horizontal centre of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#id">id</a> : String<div class="summaryTableDescription">
      ID of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#interactive">interactive</a> : Boolean<div class="summaryTableDescription">
   Enables and disables mouse and keyboard interactivity with the 
   component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#left">left</a> : Number<div class="summaryTableDescription">
   Anchor padding from the left of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#maxHeight">maxHeight</a> : Number<div class="summaryTableDescription">
   The maximum height of the component
   </div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#maxRelativeHeight">maxRelativeHeight</a> : Number<div class="summaryTableDescription">
   The maximum relative height of the component
   </div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#maxRelativeWidth">maxRelativeWidth</a> : Number<div class="summaryTableDescription">
   The maximum relative width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#maxSpareHeight">maxSpareHeight</a> : Number<div class="summaryTableDescription">
   The maximum spare height of the component
   </div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#maxSpareWidth">maxSpareWidth</a> : Number<div class="summaryTableDescription">
   The maximum spare width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#maxWidth">maxWidth</a> : Number<div class="summaryTableDescription">
   The maximum width of the component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#minHeight">minHeight</a> : Number<div class="summaryTableDescription">
   The minumum height of the component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#minRelativeHeight">minRelativeHeight</a> : Number<div class="summaryTableDescription">
   The minumum relative height of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#minRelativeWidth">minRelativeWidth</a> : Number<div class="summaryTableDescription">
   The minumum relative width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#minSpareHeight">minSpareHeight</a> : Number<div class="summaryTableDescription">
   The minumum spare height of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#minSpareWidth">minSpareWidth</a> : Number<div class="summaryTableDescription">
   The minumum spare width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#minWidth">minWidth</a> : Number<div class="summaryTableDescription">
   The minumum width of the component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#relativeHeight">relativeHeight</a> : Number<div class="summaryTableDescription">
   The relative height of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#relativeWidth">relativeWidth</a> : Number<div class="summaryTableDescription">
   The relative width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#right">right</a> : Number<div class="summaryTableDescription">
   Anchor padding from the right of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#round">round</a> : Boolean<div class="summaryTableDescription"></div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/ShowHideComponent.html#showTime">showTime</a> : Number = .2<div class="summaryTableDescription">
   The length of the show tween in seconds.</div>
</td><td class="summaryTableOwnerCol"><a href="core/ShowHideComponent.html">ShowHideComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#spareHeight">spareHeight</a> : Number<div class="summaryTableDescription">
   The spare height of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#spareWidth">spareWidth</a> : Number<div class="summaryTableDescription">
   The spare width of the component.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#top">top</a> : Number<div class="summaryTableDescription">
   Anchor padding from the top of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#verticalCentre">verticalCentre</a> : Number<div class="summaryTableDescription">
   Anchor padding from the vertical centre of the container.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedProperty">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol"><a class="signatureLink" href="core/CoreComponent.html#width">width</a> : Number<div class="summaryTableDescription">
   The width of the component.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
</table>
</div>
<a name="methodSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Methods</div>
<div class="showHideLinks">
<div class="hideInheritedMethod" id="hideInheritedMethod">
<a onclick="javascript:setInheritedVisible(false,'Method');" href="#methodSummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Public Methods</a>
</div>
<div class="showInheritedMethod" id="showInheritedMethod">
<a onclick="javascript:setInheritedVisible(true,'Method');" href="#methodSummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Public Methods</a>
</div>
</div>
<table id="summaryTableMethod" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#Component()">Component</a>()</div>
<div class="summaryTableDescription">
   Constructor.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#addChild()">addChild</a>(child:DisplayObject):DisplayObject</div>
<div class="summaryTableDescription">
   </div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#beforeRender()">beforeRender</a>():Boolean</div>
<div class="summaryTableDescription">
   Called by the container after the sizing and positioning in the 
   container hierarchy has completed just before all invalidated 
   components render themselves.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/ShowHideComponent.html#hide()">hide</a>(animate:Boolean = true):void</div>
<div class="summaryTableDescription">
   Hide the sprite.</div>
</td><td class="summaryTableOwnerCol"><a href="core/ShowHideComponent.html">ShowHideComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#invalidate()">invalidate</a>():void</div>
<div class="summaryTableDescription">
   
   Invalidates the component, forcing it to render on the next 
   <code>flash.events.Event.RENDER</code> event.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#removeChild()">removeChild</a>(child:DisplayObject):DisplayObject</div>
<div class="summaryTableDescription">
   </div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#removeChildren()">removeChildren</a>():void</div>
<div class="summaryTableDescription">
   Remove all children of this component from the display list.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#render()">render</a>():void</div>
<div class="summaryTableDescription">
   
   Renders and re-renders the component display.</div>
</td><td class="summaryTableOwnerCol">Component</td>
</tr>
<tr class="hideInheritedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/ShowHideComponent.html#show()">show</a>(animate:Boolean = true):void</div>
<div class="summaryTableDescription">
   Show the sprite.</div>
</td><td class="summaryTableOwnerCol"><a href="core/ShowHideComponent.html">ShowHideComponent</a></td>
</tr>
</table>
</div>
<a name="protectedMethodSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Protected Methods</div>
<div class="showHideLinks">
<div class="hideInheritedProtectedMethod" id="hideInheritedProtectedMethod">
<a onclick="javascript:setInheritedVisible(false,'ProtectedMethod');" href="#protectedMethodSummary" class="showHideLink"><img src="../../../images/expanded.gif" class="showHideLinkImage"> Hide Inherited Protected Methods</a>
</div>
<div class="showInheritedProtectedMethod" id="showInheritedProtectedMethod">
<a onclick="javascript:setInheritedVisible(true,'ProtectedMethod');" href="#protectedMethodSummary" class="showHideLink"><img src="../../../images/collapsed.gif" class="showHideLinkImage"> Show Inherited Protected Methods</a>
</div>
</div>
<table id="summaryTableProtectedMethod" class="summaryTable hideInheritedProtectedMethod" cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="hideInheritedProtectedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#create()">create</a>():void</div>
<div class="summaryTableDescription">
   Creates the component's children and adds event listeners when added 
   to the display list.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProtectedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#destroy()">destroy</a>():void</div>
<div class="summaryTableDescription">
   Removes the component's children and removes event listeners when 
   removed from the display list.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProtectedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#renderColour()">renderColour</a>():void</div>
<div class="summaryTableDescription">
   Renders the coloured background.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
<tr class="hideInheritedProtectedMethod">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img class="inheritedSummaryImage" title="Inherited" alt="Inherited" src="../../../images/inheritedSummary.gif"></td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="core/CoreComponent.html#update()">update</a>():void</div>
<div class="summaryTableDescription">
   Updates the component when a property changes.</div>
</td><td class="summaryTableOwnerCol"><a href="core/CoreComponent.html">CoreComponent</a></td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
<!--
showHideInherited();
--></script>
<div class="MainContent">
<a name="propertyDetail"></a>
<div class="detailSectionHeader">Property detail</div>
<a name="autoHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">autoHeight</td><td class="detailHeaderType">property</td>
</tr>
</table>
<div class="detailBody">
<code>autoHeight:Boolean</code>&nbsp;&nbsp;[read-write]<p>
   The auto height mode of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get autoHeight():Boolean</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set autoHeight(value:Boolean):void</code>
<br>
</div>
<a name="autoWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">autoWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>autoWidth:Boolean</code>&nbsp;&nbsp;[read-write]<p>
   The auto width mode of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get autoWidth():Boolean</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set autoWidth(value:Boolean):void</code>
<br>
</div>
<a name="bottom"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">bottom</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>bottom:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the bottom of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get bottom():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set bottom(value:Number):void</code>
<br>
</div>
<a name="container"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">container</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>container:<a href="../ui/Container.html">Container</a></code>&nbsp;&nbsp;[read-write]<p>
      The component's container in the display hierarchy.
      </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get container():<a href="../ui/Container.html">Container</a></code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set container(value:<a href="../ui/Container.html">Container</a>):void</code>
<br>
</div>
<a name="horizontalCentre"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">horizontalCentre</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>horizontalCentre:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the horizontal centre of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get horizontalCentre():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set horizontalCentre(value:Number):void</code>
<br>
</div>
<a name="id"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">id</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>id:String</code>&nbsp;&nbsp;[read-write]<p>
      ID of the component. This value becomes the instance name of the 
      object and should not contain any white space or special characters.
      </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get id():String</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set id(value:String):void</code>
<br>
</div>
<a name="left"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">left</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>left:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the left of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get left():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set left(value:Number):void</code>
<br>
</div>
<a name="maxRelativeHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">maxRelativeHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>maxRelativeHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The maximum relative height of the component
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get maxRelativeHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set maxRelativeHeight(value:Number):void</code>
<br>
</div>
<a name="maxRelativeWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">maxRelativeWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>maxRelativeWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The maximum relative width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get maxRelativeWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set maxRelativeWidth(value:Number):void</code>
<br>
</div>
<a name="maxSpareHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">maxSpareHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>maxSpareHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The maximum spare height of the component
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get maxSpareHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set maxSpareHeight(value:Number):void</code>
<br>
</div>
<a name="maxSpareWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">maxSpareWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>maxSpareWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The maximum spare width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get maxSpareWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set maxSpareWidth(value:Number):void</code>
<br>
</div>
<a name="minRelativeHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">minRelativeHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>minRelativeHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The minumum relative height of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get minRelativeHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set minRelativeHeight(value:Number):void</code>
<br>
</div>
<a name="minRelativeWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">minRelativeWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>minRelativeWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The minumum relative width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get minRelativeWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set minRelativeWidth(value:Number):void</code>
<br>
</div>
<a name="minSpareHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">minSpareHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>minSpareHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The minumum spare height of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get minSpareHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set minSpareHeight(value:Number):void</code>
<br>
</div>
<a name="minSpareWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">minSpareWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>minSpareWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The minumum spare width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get minSpareWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set minSpareWidth(value:Number):void</code>
<br>
</div>
<a name="relativeHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">relativeHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>relativeHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The relative height of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get relativeHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set relativeHeight(value:Number):void</code>
<br>
</div>
<a name="relativeWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">relativeWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>relativeWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The relative width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get relativeWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set relativeWidth(value:Number):void</code>
<br>
</div>
<a name="right"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">right</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>right:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the right of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get right():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set right(value:Number):void</code>
<br>
</div>
<a name="round"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">round</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>round:Boolean</code>&nbsp;&nbsp;[read-write]<span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get round():Boolean</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set round(value:Boolean):void</code>
<br>
</div>
<a name="spareHeight"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">spareHeight</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>spareHeight:Number</code>&nbsp;&nbsp;[read-write]<p>
   The spare height of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get spareHeight():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set spareHeight(value:Number):void</code>
<br>
</div>
<a name="spareWidth"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">spareWidth</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>spareWidth:Number</code>&nbsp;&nbsp;[read-write]<p>
   The spare width of the component.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get spareWidth():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set spareWidth(value:Number):void</code>
<br>
</div>
<a name="top"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">top</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>top:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the top of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get top():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set top(value:Number):void</code>
<br>
</div>
<a name="verticalCentre"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">verticalCentre</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>verticalCentre:Number</code>&nbsp;&nbsp;[read-write]<p>
   Anchor padding from the vertical centre of the container.
   </p><span class="label">Implementation</span>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function get verticalCentre():Number</code>
<br>
<code>&nbsp;&nbsp;&nbsp;&nbsp;public function set verticalCentre(value:Number):void</code>
<br>
</div>
<a name="constructorDetail"></a>
<div class="detailSectionHeader">Constructor detail</div>
<a name="Component()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">Component</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">constructor</td>
</tr>
</table>
<div class="detailBody">
<code>public function Component()</code><p>
   Constructor.
   </p></div>
<a name="methodDetail"></a>
<div class="detailSectionHeader">Method detail</div>
<a name="beforeRender()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">beforeRender</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td>
</tr>
</table>
<div class="detailBody">
<code>public function beforeRender():Boolean</code><p>
   Called by the container after the sizing and positioning in the 
   container hierarchy has completed just before all invalidated 
   components render themselves. This provides an opportunity for 
   components to force a re-evaluation of size and position by returning
   false. Default is true. 
   </p><p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Boolean</code></td>
</tr>
</table>
</div>
<a name="invalidate()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">invalidate</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public override function invalidate():void</code><p>
   
   Invalidates the component, forcing it to render on the next 
   <code>flash.events.Event.RENDER</code> event.
   </p></div>
<a name="render()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">render</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public override function render():void</code><p>
   
   Renders and re-renders the component display.
   </p></div>
<br>
<br>
<hr>
<br>
<p></p>
<center class="copyright"> 
</center>
</div>
</body>
</html>
<!-- -->
